/* 
    导入less
*/
// 重置样式
require('../css/commCss/normalize.css')
// 补充重置样式
require('../css/commCss/reset.css')
// 属性样式
require('../css/commCss/property.css')
// 基础样式
require('../css/commCss/basic.css')

// 内置动画样式
require('animate.css')


// 引入weui
require('weui')
const { default: axios } = require('axios')
const weui = require('weui.js')

// 当前样式
require('../css/information.less')

// 获取元素
const retMine = document.querySelector('#retMine')

retMine.addEventListener('click',function(){
    history.go(-1)
})


// 性别
document.querySelector('#showPicker').addEventListener('click', function () {
    weui.picker([{
        label: '男',
        value: 0
    }, {
        label: '女',
        value: 1
    }], {
        onConfirm: function (result) {
            // console.log(result[0].label);
            document.querySelector('#sex').textContent = result[0].label
        },
        title: '请选择性别'
    });
    
});


// 省份
document.querySelector('#provincePicker').addEventListener('click', function () {
    weui.picker([{
        label: '四川省',
        value: 0
    }, {
        label: '湖北省',
        value: 1
    }], {
        onConfirm: function (result) {
            // console.log(result[0].label);
            document.querySelector('#province').textContent = result[0].label
        },
        title: '请选择省份'
    });
    
});


// 城市
document.querySelector('#cityPicker').addEventListener('click', function () {
    weui.picker([{
        label: '成都市',
        value: 0
    }, {
        label: '武汉市',
        value: 1
    }], {
        onConfirm: function (result) {
            // console.log(result[0].label);
            document.querySelector('#city').textContent = result[0].label
        },
        title: '请选择城市'
    });
    
});


// 补零
function fillZero(n){
    return n < 10 ? `0${n}` : n
}

// 生日
document.querySelector('#showDatePicker').addEventListener('click', function () {
    weui.datePicker({
        start: 1990,
        end: new Date().getFullYear(),
        onConfirm: function (result) {
            console.log(result);
            // console.log([result[0].value,fillZero(result[1].value),fillZero(result[2].value)].join('-'));
            document.querySelector('#showDate').textContent = [result[0].value,fillZero(result[1].value),fillZero(result[2].value)].join('-')
        },
        title: '请选择日期'
    });
});


// 上传头像
/* const upImg = document.querySelector('#upImg')
upImg.addEventListener('change',function(){
    // console.log(1);
    // console.log(upImg.files[0]);
    let fd = new FormData()
    fd.append('imgurl',upImg.files[0])
    // console.log(fd);
    axios.post('http://139.9.177.51:8099/users/upload',fd)
    .then(function(res){
        // console.log(res.data);

        if(res.data.status === 1){
            weui.toast('文件格式错误')
        }else{
            document.querySelector('#imgurl').src = 'http://139.9.177.51:8099'+res.data.data
        }
    })
})


// 点击图片触发input : file
document.querySelector('#imgurl').addEventListener('click',function(){
    document.querySelector('#upImg').click()
}) */


const upImg = document.querySelector('#upImg')
upImg.addEventListener('change',function(){
    // console.log(1);
    // console.log(upImg.files[0]);
    const fd = new FormData()
    fd.append('imgurl',upImg.files[0])
    // console.log(fd);

    // 请求上传头像
    axios.post('http://139.9.177.51:8099/users/upload',fd)
    .then(function(res){
        console.log(res);
        if(res.data.status === 1){
            weui.toast('文件格式错误')
        }else{
            document.querySelector('#imgurl').src = 'http://139.9.177.51:8099'+res.data.data
        }
    })
})


// 点击图片触发input : file
document.querySelector('#imgurl').addEventListener('click',function(){
    document.querySelector('#upImg').click()
})

